<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>会员中心</title>
    <include file="Public:headhtml"/>
</head>

<body>
<include file="Public:head"/>

<!--中间开始-->
<div class="center middle backgray">
    <div class="centern middle">
        <!--内容开始-->

        <!--头像开始-->
        <ul class="portrait">
            <li><a href="javascript:void(0);"><img src="<{$userMessage['picture']}> " class="position_r"/></a></li>
            <li class="portrait_t1 position_r"><span class="portrait_t2"><{$userMessage['nickname']}> </span> <span
                    class="portrait_t3">的个人中心</span></li>
            <div class="clean_game"></div>
        </ul>
        <!--头像结束-->
        <!--资料开始-->
        <ul class="datum position_r">
            <a href="javascript:void(0);" class="datum_t2">
                <li style="border-left:1px solid #ccc;" id="base">基本资料</li>
            </a>
            <a href="javascript:void(0);" class="datum_t1">
                <li id="pic">修改手机</li>
            </a>
            <a href="javascript:void(0);" class="datum_t1">
                <li id="phone">修改头像</li>
            </a>

            <div class="clean_game"></div>
        </ul>
        <div class="datum_nr position_r">

            <!--基本资料开始-->
            <ul class="datum_list">
                <form action="/Member/saveMessage" method="post">
                    <li>
                        <div class="left datum_lt1">学生姓名</div>
                        <input name="studentName" value="<{$userMessage['studentName']}>" type="text" class="left"/>

                        <div class="clean_game"></div>
                    </li>
                    <li>
                        <div class="left datum_lt1">所在学校</div>
                        <input name="school" value="<{$userMessage['school']}>" type="text" class="left"/>

                        <div class="clean_game"></div>
                    </li>
                    <li>
                        <div class="left datum_lt1">所在班级</div>
                        <input name="classes" value="<{$userMessage['classes']}>" type="text" class="left"/>

                        <div class="clean_game"></div>
                    </li>
                    <li class="datum_lt3"><input type="submit" value="保存" class="btn"/></li>
                </form>
            </ul>
            <!--基本资料结束-->

            <!--修改手机开始-->
            <ul class="datum_list" style="display:none">
                <form action="/Member/saveMessage" method="post">
                    <li>
                        <div class="left datum_lt1">旧手机号</div>
                        <input name="oldPhone" type="text" class="left"/>

                        <div class="clean_game"></div>
                    </li>
                    <li class="position_r">
                        <div class="left datum_lt1">新手机号</div>
                        <input name="phone" type="text" id="phones" class="left"/>

                        <a href="javascript:void(0);" class="datum_lt4 position_a" id="send">获取验证码</a>
                        <a href="javascript:void(0);" class="datum_lt4 position_a" style=" left: 309px;display: none;"
                           id="resend">30秒重新发送</a>

                        <div class="clean_game"></div>
                    </li>
                    <li>
                        <div class="left datum_lt1">验证码</div>
                        <input name="code" type="text" class="left"/>

                        <div class="clean_game"></div>
                    </li>
                    <li class="datum_lt3"><input type="submit" value="保存" class="btn"/></li>
                    </form>

            </ul>
            <!--修改手机结束-->
            <!--修改头像开始-->
            <ul class="datum_list" style="display:none">
                <form action="/Member/saveMessage" method="post" enctype="multipart/form-data">
                    <li class="position_r datum_lt5 middle"><a href="#"><img src="<{$userMessage['picture']}>"
                                                                             class="position_r"/></a> <span
                            class="position_r"><input type="file" name="image" style="border:0"/></span></li>
                    <li class="datum_lt6"><input type="submit" value="保存" class="datum_lt2"/></li>
                </form>
            </ul>
            <!--修改头像结束-->


        </div>
        <!--资料结束-->


        <!--内容结束-->
    </div>
</div>
<!--中间结束-->
<script type="text/javascript">
    $("#base").click(function () {
        $(".datum_nr ul").eq(0).show();
        $(".datum_nr ul").eq(1).hide();
        $(".datum_nr ul").eq(2).hide();
        $(".datum a").eq(0).addClass("datum_t2").removeClass("datum_t1");
        $(".datum a").eq(1).addClass("datum_t1").removeClass("datum_t2");
        $(".datum a").eq(2).addClass("datum_t1").removeClass("datum_t2");

    })
    $("#pic").click(function () {
        $(".datum_nr ul").eq(0).hide();
        $(".datum_nr ul").eq(1).show();
        $(".datum_nr ul").eq(2).hide();
        $(".datum a").eq(0).addClass("datum_t1").removeClass("datum_t2");
        $(".datum a").eq(1).addClass("datum_t2").removeClass("datum_t1");
        $(".datum a").eq(2).addClass("datum_t1").removeClass("datum_t2");

    })
    $("#phone").click(function () {
        $(".datum_nr ul").eq(0).hide();
        $(".datum_nr ul").eq(1).hide();
        $(".datum_nr ul").eq(2).show();
        $(".datum a").eq(0).addClass("datum_t1").removeClass("datum_t2");
        $(".datum a").eq(1).addClass("datum_t1").removeClass("datum_t2");
        $(".datum a").eq(2).addClass("datum_t2").removeClass("datum_t1");
    })
</script>
<script type="text/javascript">
    var countdown = 30;
    $("#send").click(function () {
        if ($("#phones").val() == "") {
            alert("请填写手机号");
        } else {
            alert("验证码为123456");
            $("#resend").show();
            timeout(countdown);
        }

    })
    function timeout(time) {
        setTimeout(function () {
            $("#resend").html("" + time + "秒重新发送");
            time--;
            if (time != 0) {
                timeout(time);
            } else {
                $("#resend").hide();
            }

        }, 1000)
    }

</script>
<!--结尾开始-->
<include file="Public:footer"/>
<!--结尾结束-->


</body>
</html>
